.text {
  color: var(--TEXT_TITLE_SEC);
}

.extension {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  .logobg {
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: center center;
  }
  &:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
  }
  &.active {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;

    eo-iconpark-icon {
      color: #158565;
      display: flex;
    }
  }
  eo-iconpark-icon {
    display: none;
  }
}
